var carousel = document.querySelector("ul"),
	left_arrow = document.querySelector(".left_arrow"),
	right_arrow = document.querySelector(".right_arrow"),
	controls = document.querySelectorAll("ol li"),
	now_index = 0,
	nvg = 0;
right_arrow.addEventListener("click", function() {
	nvg = now_index;
	++now_index >= 4 ? now_index = 0 : "";
	carousel.style.transform = "translateX(-" + now_index * 100 + "%)";
	controls[now_index].classList.add("height");
	controls[nvg].classList.remove("height");

});
left_arrow.addEventListener("click", function() {
	nvg = now_index;
	console.log("ul");
	--now_index < 0 ? now_index = 3 : "";
	carousel.style.transform = "translateX(-" + now_index * 100 + "%)";
	controls[now_index].classList.add("height");
	controls[nvg].classList.remove("height");
});
for(var i = 0; i <= controls.length ; i++) {
	console.log(controls[1]);
//	controls[i].addEventListener("click",function(){
//		console.log(controls[i]);
//	});
}
setInterval(function(){
	
},800);
